.mask{
    display:flex;
    flex-direction:column;
    justify-content: center;
    position:absolute;
    top:0;left:0;
    width:100%;
    height:calc(100vh);
    background: rgba(0,0,0,0.5);
}

.dialog {
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    border:solid 1px gray;
    border-radius:6px;
    background-color:#EEE;
    padding: 12px;
    margin:auto;
}

.dialog .title{
    font-size:22px;
    text-align:center;
}

.dialog input{
    width:96%;
}

.dialog .action{
    display: flex;
    justify-content: flex-end;
}
.dialog .action button{
    margin:auto 6px;
}